<template>
  <div class="banner">
    <div class="main">

      <!--        /////////////////////-->
      <!--        要闻头部-->
      <header class="journalism-header">
        <div class="journalism-header-img">
          <div class="journalism-header-button-item">
            <div class="journalism-header-button journalism-header-button-1">
              ◀
            </div>
            <div class="journalism-header-button journalism-header-button-2">
              ▶
            </div>
            <div class="journalism-header-tag">
              最新
            </div>
          </div>
        </div>
        <div class="journalism-header-content">
          <div class="journalism-header-content-left">
            <div class="journalism-header-content-left-title">
              习近平同瑙鲁总统阿迪昂会谈
            </div>
            <div class="journalism-header-content-left-text">
              3月25日下午，中国国家主席习近平在北京人民大会堂同来华进行国事访问的瑙鲁总统阿迪昂举行会谈。会谈前，习近平在人民大会堂北大厅为阿迪昂举行欢迎仪式。
            </div>

          </div>

          <div class="journalism-header-content-right">
            <ul class="journalism-header-module">
              <li class="journalism-header-list">
                <div class="journalism-header-list-img">
                </div>
                <div class="journalism-header-list-title">从习近平湖南之行看中国发展信号</div>
              </li><li class="journalism-header-list">
              <div class="journalism-header-list-img">
              </div>
              <div class="journalism-header-list-title">从习近平湖南之行看中国发展信号</div>
            </li><li class="journalism-header-list">
              <div class="journalism-header-list-img">
              </div>
              <div class="journalism-header-list-title">从习近平湖南之行看中国发展信号</div>
            </li><li class="journalism-header-list">
              <div class="journalism-header-list-img">
              </div>
              <div class="journalism-header-list-title">从习近平湖南之行看中国发展信号</div>
            </li>
            </ul>
          </div>
        </div>
      </header>

      <!--/////////////////////////////////-->
      <!--        要闻推荐模块-->
      <section class="journalism-commend">
        <ul class="journalism-commend-module">
          <li class="journalism-commend-list">
            <div class="journalism-commend-item">
              <div class="journalism-commend-item-img journalism-commend-item-img-1">
              </div>
              <div class="journalism-commend-item-content">
                <div class="journalism-commend-item-title">
                  习近平今年两会提及的“小故事”
                </div>
                <div class="journalism-commend-item-info-1">
                  <div class="journalism-svg-item">
                    <div class="journalism-svg praise-svg"></div>
                    <div class="journalism-svg-text praise-svg-text"><span>2233</span></div>
                    <div class="journalism-svg comment-svg"></div>
                    <div class="journalism-svg-text praise-svg-text"><span>123</span></div>
                  </div>
                  <div class="journalism-commend-time">
                    2024/3/29
                  </div>
                </div>
                <p class="journalism-commend-item-text">
                  3月25日下午，中国国家主席习近平在北京人民大会堂同来华进行国事访问的瑙鲁总统阿迪昂举行会谈。会谈前，习近平在人民大会堂北大厅为阿迪昂举行欢迎仪式。
                </p>
              </div>

            </div>
          </li>
          <li class="journalism-commend-list">
            <div class="journalism-commend-item">
              <div class="journalism-commend-item-img journalism-commend-item-img-2">
              </div>
              <div class="journalism-commend-item-content">
                <div class="journalism-commend-item-title">
                  习近平今年两会提及的“小故事”
                </div>
                <div class="journalism-commend-item-info-1">
                  <div class="journalism-svg-item">
                    <div class="journalism-svg praise-svg"></div>
                    <div class="journalism-svg-text praise-svg-text"><span>2233</span></div>
                    <div class="journalism-svg comment-svg"></div>
                    <div class="journalism-svg-text praise-svg-text"><span>123</span></div>
                  </div>
                  <div class="journalism-commend-time">
                    2024/3/29
                  </div>
                </div>
                <p class="journalism-commend-item-text">
                  3月25日下午，中国国家主席习近平在北京人民大会堂同来华进行国事访问的瑙鲁总统阿迪昂举行会谈。会谈前，习近平在人民大会堂北大厅为阿迪昂举行欢迎仪式。
                </p>
              </div>

            </div>
          </li>
          <li class="journalism-commend-list">
            <div class="journalism-commend-item">
              <div class="journalism-commend-item-img journalism-commend-item-img-3">
              </div>
              <div class="journalism-commend-item-content">
                <div class="journalism-commend-item-title">
                  习近平今年两会提及的“小故事”
                </div>
                <div class="journalism-commend-item-info-1">
                  <div class="journalism-svg-item">
                    <div class="journalism-svg praise-svg"></div>
                    <div class="journalism-svg-text praise-svg-text"><span>2233</span></div>
                    <div class="journalism-svg comment-svg"></div>
                    <div class="journalism-svg-text praise-svg-text"><span>123</span></div>
                  </div>
                  <div class="journalism-commend-time">
                    2024/3/29
                  </div>
                </div>
                <p class="journalism-commend-item-text">
                  3月25日下午，中国国家主席习近平在北京人民大会堂同来华进行国事访问的瑙鲁总统阿迪昂举行会谈。会谈前，习近平在人民大会堂北大厅为阿迪昂举行欢迎仪式。
                </p>
              </div>

            </div>
          </li>

        </ul>
      </section>


      <!--        //////////////////////////////////-->
      <!--        党建要闻模块-->
      <div class="journalism-more">
        <!--            要闻左边,包括详细要闻模块和热点速看模块-->
        <div class="journalism-more-left">

          <!--                党建要闻详细部分-->
          <section class="journalism-commend-picked">
            <div class="symposia-more-header">
              <div class="symposia-decoration-5"></div>
              <h4 class="symposia-more-title">党建要闻</h4>
            </div>
            <div class="journalism-picked-item">
              <div class="journalism-picked-left">
                <!--                        这里背景图为新闻图片-->
              </div>
              <div class="journalism-picked-right">
                <h4 class="journalism-picked-title">
                  从习近平湖南之行看中国发展信号
                </h4>
                <div class="journalism-commend-item-info-2">
                  <div class="journalism-svg-item">
                    <div class="journalism-svg praise-svg"></div>
                    <div class="journalism-svg-text praise-svg-text"><span>2233</span></div>
                    <div class="journalism-svg comment-svg"></div>
                    <div class="journalism-svg-text praise-svg-text"><span>123</span></div>
                  </div>
                  <div class="journalism-commend-time">
                    2024/3/29
                  </div>
                </div>
                <p class="journalism-picked-text">
                  湖广熟，天下足。湖南素来是中国的重要粮仓，水稻播种面积、总产量均居全国第一。时值仲春，习近平在常德考察时走进了当地粮食生产万亩综合示范片区，察看秧苗培育和春耕备耕进展。

                  　　春种、夏耘、秋收、冬藏，无论是在吉林看玉米长势，还是在河北看小麦墒情，关键农时，习近平多次走到田间地头。

                  　　此次湖南考察中，如何让种粮也能够致富，是习近平关注的问题。他同种粮大户、农技人员、基层干部一笔一笔算投入产出账，要求在精耕细作上下功夫，进一步把粮食单产和品质提上去。
                </p>
              </div>
            </div>


            <div class="journalism-picked-item">
              <div class="journalism-picked-left">

              </div>
              <div class="journalism-picked-right">
                <h4 class="journalism-picked-title">
                  从习近平湖南之行看中国发展信号
                </h4>
                <div class="journalism-commend-item-info-2">
                  <div class="journalism-svg-item">
                    <div class="journalism-svg praise-svg"></div>
                    <div class="journalism-svg-text praise-svg-text"><span>2233</span></div>
                    <div class="journalism-svg comment-svg"></div>
                    <div class="journalism-svg-text praise-svg-text"><span>123</span></div>
                  </div>
                  <div class="journalism-commend-time">
                    2024/3/29
                  </div>
                </div>
                <p class="journalism-picked-text">
                  湖广熟，天下足。湖南素来是中国的重要粮仓，水稻播种面积、总产量均居全国第一。时值仲春，习近平在常德考察时走进了当地粮食生产万亩综合示范片区，察看秧苗培育和春耕备耕进展。

                  　　春种、夏耘、秋收、冬藏，无论是在吉林看玉米长势，还是在河北看小麦墒情，关键农时，习近平多次走到田间地头。

                  　　此次湖南考察中，如何让种粮也能够致富，是习近平关注的问题。他同种粮大户、农技人员、基层干部一笔一笔算投入产出账，要求在精耕细作上下功夫，进一步把粮食单产和品质提上去。
                </p>
              </div>
            </div>

            <!--                    其他要闻小模块-->
            <div class="journalism-picked-other">
              <div class="journalism-picked-other-item">
                <div class="journalism-picked-other-left">
                  <!--                                这里背景图为新闻图片-->
                </div>
                <div class="journalism-picked-other-right">
                  <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
                  <div class="journalism-commend-item-info-2">
                    <div class="journalism-svg-item">
                      <div class="journalism-svg praise-svg"></div>
                      <div class="journalism-svg-text praise-svg-text"><span>2233</span></div>
                      <div class="journalism-svg comment-svg"></div>
                      <div class="journalism-svg-text praise-svg-text"><span>123</span></div>
                    </div>
                    <div class="journalism-commend-time">
                      2024/3/29
                    </div>
                  </div>
                </div>
              </div>

              <!--                    其他要闻小模块-->
              <div class="journalism-picked-other-item">
                <div class="journalism-picked-other-left"></div>
                <div class="journalism-picked-other-right">
                  <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
                  <div class="journalism-commend-item-info-2">
                    <div class="journalism-svg-item">
                      <div class="journalism-svg praise-svg"></div>
                      <div class="journalism-svg-text praise-svg-text"><span>2233</span></div>
                      <div class="journalism-svg comment-svg"></div>
                      <div class="journalism-svg-text praise-svg-text"><span>123</span></div>
                    </div>
                    <div class="journalism-commend-time">
                      2024/3/29
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>



          <!--                //////////////-->
          <!--                热点速看模块-->
          <section class="journalism-scan">
            <div class="symposia-more-header">
              <div class="symposia-decoration-5"></div>
              <h4 class="symposia-more-title">热点速看</h4>
              <div class="journalism-scan-decoration2 journalism-scan-decoration2-1">┓</div>
              <div class="journalism-scan-decoration2 journalism-scan-decoration2-2">┗</div>
              <div class="journalism-scan-decoration2 journalism-scan-decoration2-3">┛</div>
            </div>

            <div class="journalism-scan-content">
              <!--                        速看左边栏-->
              <div class="journalism-scan-content-left">
                <div class="journalism-scan-content-item">
                  <div class="ournalism-scan-content-img"></div>
                  <h4 class="journalism-scan-title">
                    党的机构编制
                  </h4>
                  <div class="journalism-scan-decoration-2"></div>
                  <p class="journalism-scan-content-text">
                    机构编制是重要政治资源、执政资源，机构编制工作是加强党的长期执政能力和国家政权建设的重要工作，我们党始终高度重视。
                    　　<br>党的十八大以来，机构编制工作适应统筹推进“五位一体”总体布局、协调推进“四个全面”战略布局的需要，紧紧围绕推进国家治理体系和治理能力现代化展开，推动党对社会主义现代化建设的领导在机构设置上更加科学、在职能配置上更加优化、在体制机制上更加完善、在运行管理上更加高效。
                  </p>
                </div>

                <div class="journalism-scan-decoration-3"></div>

                <div class="journalism-scan-content-item">

                  <p class="journalism-scan-content-text">
                    特别是党的十九大以来，我们调整优化各级编委领导体制和编办管理体制，从根本上加强党中央对机构编制工作的集中统一领导。          我们不断健全党对重大工作领导的体制机制，推动党的全面领导有力落实；持续深化党和国家机构改革，推动机构职能实现系统性整体性重构；深入推进重点领域的专项体制改革，进一步破除制约高质量发展的体制机制障碍；持续优化机构编制资源配置......
                  </p>
                </div>
              </div>

              <!--                        速看右边栏-->
              <div class="journalism-scan-content-right">
                <div class="journalism-scan-content-item">
                  <p class="journalism-scan-content-text">
                    机构编制是重要政治资源、执政资源，机构编制工作是加强党的长期执政能力和国家政权建设的重要工作，我们党始终高度重视。

                    　　党的十八大以来，机构编制工作适应统筹推进“五位一体”总体布局、协调推进“四个全面”战略布局的需要，紧紧围绕推进国家治理体系和治理能力现代化展开，推动党对社会主义现代化建设的领导在机构设置上更加科学、在职能配置上更加优化、在体制机制上更加完善、在运行管理上更加高效。特别是党的十九大以来，我们调整优化各级编委领导体制和编办管理体制，从根本上加强党中央对机构编制工作的集中统一领导。          我们不断健全党对重大工作领导的体制机制，推动党的全面领导有力落实；持续深化党和国家机构改革，推动机构职能实现系统性整体性重构；深入推进重点领域的专项体制改革，进一步破除制约高质量发展的体制机制障碍；持续优化机构编制资源配置，有力保障国家重大战略需求；加快推进机构编制法治建设，进一步提升工作的科学化规范化法治化水平......
                  </p>
                </div>

                <div class="journalism-scan-decoration-3"></div>
                <div class="ournalism-scan-content-img"></div>

              </div>

            </div>
          </section>


        </div>


        <!--            /////////////////////////////-->
        <!--            党建要闻右边栏部分,包括更多要闻模块,专题精选和期刊精选 -->
        <div class="journalism-more-right">

          <!--                ///////-->
          <!--                更多要闻-->
          <h4 class="journalism-picked-other-topic">更多要闻</h4>
          <div class="journalism-picked-decoration"></div>
          <div class="journalism-picked-other-item">
            <div class="journalism-picked-other-left"></div>
            <div class="journalism-picked-other-right">
              <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
              <div class="journalism-commend-item-info-2">
                <div class="journalism-svg-item">
                  <div class="journalism-svg praise-svg"></div>
                  <div class="journalism-svg-text praise-svg-text"><span>2233</span></div>
                  <div class="journalism-svg comment-svg"></div>
                  <div class="journalism-svg-text praise-svg-text"><span>123</span></div>
                </div>
                <div class="journalism-commend-time">
                  2024/3/29
                </div>
              </div>
            </div>
          </div>
          <div class="journalism-picked-other-item">
            <div class="journalism-picked-other-left"></div>
            <div class="journalism-picked-other-right">
              <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
              <div class="journalism-commend-item-info-2">
                <div class="journalism-svg-item">
                  <div class="journalism-svg praise-svg"></div>
                  <div class="journalism-svg-text praise-svg-text"><span>2233</span></div>
                  <div class="journalism-svg comment-svg"></div>
                  <div class="journalism-svg-text praise-svg-text"><span>123</span></div>
                </div>
                <div class="journalism-commend-time">
                  2024/3/29
                </div>
              </div>
            </div>
          </div>
          <div class="journalism-picked-other-item">
            <div class="journalism-picked-other-left"></div>
            <div class="journalism-picked-other-right">
              <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
              <div class="journalism-commend-item-info-2">
                <div class="journalism-svg-item">
                  <div class="journalism-svg praise-svg"></div>
                  <div class="journalism-svg-text praise-svg-text"><span>2233</span></div>
                  <div class="journalism-svg comment-svg"></div>
                  <div class="journalism-svg-text praise-svg-text"><span>123</span></div>
                </div>
                <div class="journalism-commend-time">
                  2024/3/29
                </div>
              </div>
            </div>
          </div>

          <ul class="journalism-picked-other-module">
            <li class="journalism-picked-other-list">
              <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
              <div class="journalism-picked-other-list-time">[2024/3/29]</div>
            </li><li class="journalism-picked-other-list">
            <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
            <div class="journalism-picked-other-list-time">[2024/3/29]</div>
          </li><li class="journalism-picked-other-list">
            <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
            <div class="journalism-picked-other-list-time">[2024/3/29]</div>
          </li><li class="journalism-picked-other-list">
            <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
            <div class="journalism-picked-other-list-time">[2024/3/29]</div>
          </li><li class="journalism-picked-other-list">
            <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
            <div class="journalism-picked-other-list-time">[2024/3/29]</div>
          </li><li class="journalism-picked-other-list">
            <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
            <div class="journalism-picked-other-list-time">[2024/3/29]</div>
          </li><li class="journalism-picked-other-list">
            <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
            <div class="journalism-picked-other-list-time">[2024/3/29]</div>
          </li><li class="journalism-picked-other-list">
            <h4 class="journalism-picked-other-title">从习近平湖南之行看中国发展信号</h4>
            <div class="journalism-picked-other-list-time">[2024/3/29]</div>
          </li>
          </ul>



          <!--                //////////////////////-->
          <!--                专题精选模块-->
          <section class="journalism-symposia">
            <h4 class="journalism-picked-other-topic">专题精选</h4>
            <div class="journalism-picked-decoration"></div>
            <div class="journalism-symposia-item">
              <h4 class="journalism-symposia-item-title">
                习近平同瑙鲁总统阿迪昂会谈
              </h4>
            </div>
            <div class="journalism-symposia-item">
              <h4 class="journalism-symposia-item-title">
                习近平同瑙鲁总统阿迪昂会谈
              </h4>
            </div>
            <div class="journalism-symposia-item">
              <h4 class="journalism-symposia-item-title">
                习近平同瑙鲁总统阿迪昂会谈
              </h4>
            </div>
          </section>


          <!--                ////////////////-->
          <!--                期刊精选模块-->
          <section class="journalism-book">
            <h4 class="journalism-picked-other-topic">期刊精选</h4>
            <div class="journalism-picked-decoration"></div>
            <div class="journalism-book-item">
              <div class="journalism-book-img">
              </div>
              <div class="journalism-book-info">
                <h4 class="journalism-book-title">《毛泽东选集》</h4>
                <p class="journalism-book-text">经典之所以不朽，是因为它生长在读者的心头。阅读《毛泽东选集》在一个时期是中国人政治生活的一件大事，它不仅是一部政治著作...</p>
              </div>
            </div>
            <div class="journalism-book-item">
              <div class="journalism-book-img">
              </div>
              <div class="journalism-book-info">
                <h4 class="journalism-book-title">《毛泽东选集》</h4>
                <p class="journalism-book-text">经典之所以不朽，是因为它生长在读者的心头。阅读《毛泽东选集》在一个时期是中国人政治生活的一件大事，它不仅是一部政治著作...</p>
              </div>
            </div>
          </section>


        </div>

      </div>

    </div>
  </div>

</template>

<style scoped>
/*///////////*/
/*新闻主界面头部部分*/

.banner{
  width: 151.3rem;
  margin: 0 auto;
  background-color: rgba(229, 229, 229, 1);
  padding:0.5rem 0;
  /*background-color: lightskyblue;*/
  /*//background-color: #0077aa;*/
}


.main{
  width:108rem;
  margin: 0 auto;
  background-color: white;
}

.journalism-header{
  width:85%;
  /*height: 75rem;*/
  margin: 0 auto;
  padding-top: 5rem;
  padding-bottom: 3rem;

}
.journalism-header-img{
  width:100%;
  height:45rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  background-image:url("src/assets/images/journalism-header-img.jpg");

}
.journalism-header-button-item{
  width:25rem;
  background-color:white;
  height:5rem;
  position: absolute;
  bottom: 0;
  left:0;
  border-radius: 0 0.5rem 0 0;
  display: flex;
  justify-content: right;
}
.journalism-header-button{
  width:4rem;
  height:4rem;
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  font-size: 1.5rem;
  text-align: center;
  line-height: 4rem;
  font-weight: bolder;
}
.journalism-header-button-1{
  background-color:#F3F4F8;
  color:darkgray;
  color:#CAD1D9;
}
.journalism-header-button-2{
  background-color:rgb(255,0,0);
  color:white;
  color:#FFB88D;
}
.journalism-header-tag{
  width:7rem;
  height:2rem;
  position: absolute;
  left:0rem;
  bottom: -0.5rem;
  letter-spacing: 2px;
  text-align: center;
  line-height: 2rem;
  background-color: #FFE7E6;
  border-radius:2px;
}
.journalism-header-content{
  margin-top: 2rem;
  /*height:25rem;*/
  display: flex;
  justify-content: space-between;
}
.journalism-header-content-left{
  width:40%;
}
.journalism-header-content-left-title{
  font-size: 2.5rem;
  font-weight: bolder;

}
.journalism-header-content-left-text{
  font-size: 1.5rem;
  color: darkgray;
  width:35rem;
  line-height: 2.5rem;
  margin-top: 2rem;

}
.journalism-header-content-right{
  width:55%;
}
.journalism-header-module{
  display: flex;
  justify-content: space-between;
}
.journalism-header-list{
  width:23%;
  /*height:20rem;*/
  list-style: none;
}
.journalism-header-list-img{
  width:100%;
  height:15rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("src/assets/images/journalism-header-img-2.jpg");
  margin-top: 2rem;
}
.journalism-header-list-title{
  font-size: 1.2rem;
  font-weight: bolder;
  margin-top: 1rem;
  line-height: 1.8rem;

}

/*//////////////////*/
/*要闻推荐部分*/
.journalism-commend{
  width:100%;
  /*height:50rem;*/
  padding: 2rem;
  padding-bottom: 5rem;
  border-bottom: 1px solid #ccc;
  /*background-color: #FFE7E6;*/
}
.journalism-commend-module{
  display: flex;
  justify-content: space-around;
}
.journalism-commend-list{
  width:28rem;
  height:35rem;
  list-style: none;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}
.journalism-commend-item{

}
.journalism-commend-item-img{
  height:20rem;
  width:100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.journalism-commend-item-img-1{
  background-image:url("src/assets/images/journalism-commend-img-1.jpg") ;
}
.journalism-commend-item-img-2{
  background-image:url("src/assets/images/journalism-commend-img-2.jpg") ;
}
.journalism-commend-item-img-3{
  background-image:url("src/assets/images/journalism-commend-img-3.jpg") ;
}
.journalism-commend-item-content{
  width:100%;
  padding: 1rem;
  height:15rem;
  /*background-color: yellow;*/
}
.journalism-commend-item-title{
  font-size: 1.4rem;
  font-weight: bolder;
}

.journalism-commend-item-info-1,.journalism-commend-item-info-2{
  width:100%;
  height:3rem;
  /*background-color: #FFE7E6;*/
  display: flex;
  justify-content: space-between;
  padding-top: 0.5rem;
}
.journalism-commend-item-info-1{
  border-bottom: 1px solid #ccc;
}
.journalism-commend-item-info-2{

}
.journalism-svg-item{
  display: flex;
}

.journalism-svg{
  cursor: pointer;
  width:2rem;
  height:2rem;
  background-size: 1.5rem 1.5rem;
  background-position: center;
  background-repeat: no-repeat;

}
.praise-svg{
  background-image: url("src/assets/svg/journalism-praise.svg");
}
.comment-svg{
  background-image: url("src/assets/svg/journalism-comment.svg");
}
.journalism-svg-text{
  margin-right: 1rem;
  line-height: 2rem;
  font-size: 1rem;

  /*color: grey;*/
}
.journalism-commend-time{
  font-size: 1rem;
  color: grey;
  line-height: 2rem;
  margin-right: 1rem;
  letter-spacing: 1px;
}
.journalism-commend-item-text{
  margin-top: 0.5rem;
  line-height: 2rem;
  color:grey;
}


/*更多模块*/
.journalism-more{
  width:100%;
  /*height:30rem;*/
  display: flex;
  /*margin-top: 2rem;*/
  padding: 2rem;
  padding-left: 5rem;
}
/*要闻左边,包括详细要闻模块和热点速看模块*/
.journalism-more-left{
  width:70rem;
  /*height:100%;*/
}
/*党建要闻详细部分*/
.journalism-commend-picked{
  width:100%;

}
.symposia-more-header{
  display: flex;
  padding-top: 2rem;
}
.symposia-decoration-5{
  width:1.5rem;
  height:3rem;
  background-color:rgb(128,0,0);
}

.symposia-more-title{
  font-size: 2rem;
  line-height: 3rem;
  margin-left: 1rem;
  margin-bottom: 2rem;
}
.journalism-picked-item{
  display:flex;
  margin-bottom: 2rem;
}
.journalism-picked-left{
  width:30rem;
  height:20rem;
  margin-right: 2rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("src/assets/images/journalism-header-img-2.jpg");

}


/*//////////////////*/
/*党建要闻右边栏部分,包括更多要闻模块,专题精选和期刊精选*/
.journalism-more-right{
  flex: 1;
  padding: 2rem 1rem;
  padding-left: 3rem;
}
.journalism-picked-title{
  font-size: 1.5rem;
  font-weight: bold;

}
.journalism-picked-text{
  width:35rem;
  line-height: 2rem;
  font-size: 1rem;
  color: grey;
}
/*其他要闻小模块*/
.journalism-picked-other{
  width:100%;
  display: flex;
  margin-top: 3rem;
  /*background-color: greenyellow;*/
}
.journalism-picked-other-item{
  width:30rem;
  /*height:3rem;*/
  display: flex;

  margin: 1rem 0;
}
.journalism-picked-other-left{
  height:6rem;
  width:8rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("src/assets/images/journalism-header-img-2.jpg");

}
.journalism-picked-other-right{
  margin-left: 1rem;
}
.journalism-picked-other-title{
  margin-bottom: 1rem;
  padding-top: 1rem;
}


/*//////////////////*/
/*热点速看*/
.journalism-scan{
  margin-top: 3rem;
  position: relative;
}
.symposia-decoration{
  position: absolute;
  font-size: 5rem;
  letter-spacing: 5px;
  /*font-family: 华文中宋;*/
  color:#E6E8E6;
  font-family: "华文行楷";
  z-index: 1;
  position: absolute;
  left:40%;
  top:0rem;

}


.journalism-scan-decoration2{
  font-size: 2rem;
  color: #cccccc;
  position: absolute;

}
.journalism-scan-decoration2-1{
  right:1rem;
  top:3rem;
}
.journalism-scan-decoration2-2{
  bottom:0rem;
  left:-2rem;
}
.journalism-scan-decoration2-3{
  right:1rem;
  bottom: 0;
}


.journalism-scan-content{
  width: 100%;
  display: flex;
  padding-bottom:5rem;
}
.journalism-scan-content-left{
  width:45%;
}
.journalism-scan-content-item{
  width:100%;
  /*height:50rem;*/
}
.ournalism-scan-content-img{
  width:100%;
  height:15rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("src/assets/images/journalism-header-img.jpg");
}
.journalism-scan-title{
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 3rem;
}
.journalism-scan-decoration-2{
  width:5rem;
  height:2px;
  background-color: orangered;
}
.journalism-scan-content-text{
  width:100%;
  line-height: 2.5rem;
}
.journalism-scan-decoration-3{
  cursor: pointer;
  width:2rem;
  height:2rem;
  background-size: 1.5rem 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  margin:1rem 0rem 1rem 12rem ;
  background-image: url("src/assets/svg/journalism-apostrophe-1.svg");

}

.journalism-scan-content-right{
  width:45%;
  margin-left: 2rem;
}
/*////////////////*/
/*右边栏部分*/
/*更多要闻-*/
.journalism-picked-other-topic{
  font-size: 1.5rem;
  margin-top: 1rem;
}
.journalism-picked-decoration{
  width:3rem;
  margin-top: 2px;
  height:2px;
  margin-bottom: 2rem;
  background-color: orangered;
}

.journalism-picked-other-module{
  width:100%;
}
.journalism-picked-other-list::before {
  content: "●";
  color: rgb(128,0,0);
  margin-right: 0.5rem;
  line-height: 3.5rem;
}
.journalism-picked-other-list{
  display: flex;
  height:4rem;
}
.journalism-picked-other-list-time{
  font-size: 1rem;
  line-height: 3.5rem;
  color: #ccc;
  margin-left: 4rem;
}


/*//////////////////*/
/*专题精选*/
.journalism-symposia{
  margin-top: 2rem;
  width:100%;
}
.journalism-symposia-item{
  width:100%;
  height:10rem;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-position: center;*/
  background-color: yellow;
  display: flex;
  justify-content: center;
  margin: 2rem 0;
  background-image:linear-gradient(to right,rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url("src/assets/images/journalism-header-img.jpg");
}
.journalism-symposia-item-title{
  font-size: 1.4rem;
  justify-items: center;
  margin-top: 4rem;
  text-align: center;
  width:20rem;
  color:rgba(250,250,250,0.85);
}


/*///////////////////////*/
/*期刊精选*/
.journalism-book{

}
.journalism-book-item{
  width:100%;
  height:13rem;
  display: flex;
  background-color: white;
  position: relative;
}
.journalism-book-img{
  width:35%;
  height:12rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("src/assets/images/symposia-book-1.png");
}
.journalism-book-info{
  flex: 1;
  padding: 1rem;
}
.journalism-book-title{
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
}
.journalism-book-text{
  height:10rem;
  font-size: 1.2rem;
  color: darkgray;
}
</style>